diff options
| author | Adam Soltys <[email protected]> | 2022-11-10 15:56:49 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-11-10 15:59:57 -0800 |
| commit | d9e3d8d8f552e1338f79d194669db822acb21091 (patch) | |
| tree | 68979426d985759dcf10a8016bf72c3477bb36f8 /src/routes/(app)/voucher/[code] | |
| parent | 75b459dc0d536c0427bd54116d221fddc220dc68 (diff) | |
| download | coinos-ui-d9e3d8d8f552e1338f79d194669db822acb21091.tar.gz coinos-ui-d9e3d8d8f552e1338f79d194669db822acb21091.zip | |
voucher login redirect
Diffstat (limited to 'src/routes/(app)/voucher/[code]')
| -rw-r--r-- | src/routes/(app)/voucher/[code]/+page.svelte | 27 |
1 files changed, 18 insertions, 9 deletions
diff --git a/src/routes/(app)/voucher/[code]/+page.svelte b/src/routes/(app)/voucher/[code]/+page.svelte index 7c1fd205..2596cc18 100644 --- a/src/routes/(app)/voucher/[code]/+page.svelte +++ b/src/routes/(app)/voucher/[code]/+page.svelte @@ -1,13 +1,16 @@ <script> + import { onMount } from 'svelte'; + import { page } from '$app/stores'; import { Icon } from '$comp'; import { toast } from '@zerodevx/svelte-toast'; import { t } from '$lib/translations'; import { copy, f, s, sat, sats } from '$lib/utils'; - import { selectedRate } from '$lib/store'; + import { loginRedirect, selectedRate } from '$lib/store'; export let data; let { src } = data; $: ({ amount, currency, rate, redeemed, redeemcode, user } = data.payment); + onMount(() => ($loginRedirect = $page.url.pathname)); toast.pop(0); @@ -25,7 +28,12 @@ <div class="shadow-xl rounded-3xl px-10 pt-5 pb-10 space-y-5 w-full mx-5"> <h1 class="text-3xl md:text-4xl font-bold">Voucher</h1> - <img {src} class="w-[300px] mx-auto cursor-pointer" on:click={() => copy(redeemcode)} alt="Redeem Code" /> + <img + {src} + class="w-[300px] mx-auto cursor-pointer" + on:click={() => copy(redeemcode)} + alt="Redeem Code" + /> <div> <h2 class="text-2xl md:text-3xl font-semibold"> {f(amountFiat, currency)} @@ -34,15 +42,16 @@ {sat(amount)} </h3> </div> - <div class="mx-auto my-auto flex gap-2 justify-center"> - <a href={`/redeem/${redeemcode}`}> - <button class="text-lg rounded-full border py-3 px-7 font-bold hover:opacity-80" class:bg-gray-200={redeemed} disabled={redeemed}> - {redeemed ? 'Redeemed' : 'Redeem'} + <div class="mx-auto my-auto flex gap-2 justify-center" data-sveltekit-prefetch="off"> + <a href={`/redeem/${redeemcode}`}> + <button + class="text-lg rounded-full border py-3 px-7 font-bold hover:opacity-80" + class:bg-gray-200={redeemed} + disabled={redeemed} + > + {redeemed ? 'Redeemed' : 'Redeem'} </button> </a> - <!-- <button class="text-lg rounded-full border py-3 px-7 font-bold hover:opacity-80"> --> - <!-- Top up --> - <!-- </button> --> </div> </div> </div> |